<!doctype html>
<html>
	<head>
		<title> Test PUI style with angular -- accordion </title>
		<link rel="stylesheet" href="../jquery-ui/jquery-ui-1.9.2.custom.min.css" />
		<link rel="stylesheet" href="../production/primeui-1.0-min.css" />
		<link rel="stylesheet" href="../themes/aristo/theme.css" />
	</head>

	<body ng-controller="MainCtrl">

	<h2>Default</h2>
	<div pui-accordion="">
		<div pui-accordion-pane="" title="T1">
			{{outer.val}}
		</div>
		<div pui-accordion-pane="" title="T2">
			{{outer.val2}}
		</div>
	</div>

	<h2>Multiple</h2>
	<div pui-accordion="{multiple: true, activeIndexList: [0, 1]}">
		<div pui-accordion-pane="" title="T1">
			{{outer.val}}
		</div>
		<div pui-accordion-pane="" title="T2">
			{{outer.val2}}
		</div>
	</div>

	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="underscore.min.js"></script>
	<script type="text/javascript" src="all.js"></script>
	<script language="javascript">
	var md = angular.module('md', ['pui']);

	md.controller('MainCtrl', function($scope){
		$scope.outer = {
			val: 'xxx', 
			val2: 'yyy'
		};
	});

	angular.bootstrap(document, ['md']);
	</script>
	</body>
</html>